/* Studio Kipo Style */
body {
	color:#444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.4em;
	width:100%;
	background:#fff;
}


/*
Dark blue #044a87
Blue #2a75ba
Red #ec1c24
*/

/* Title text */
h1, h2, h3, h4, h5 {
	color:#044a87;
	line-height:1.2em;
	font-weight: normal;
	text-transform:uppercase;
}

h1 {font-size:26px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

em {
	font-style:italic;
}

p {
	margin:10px 0;
}

td p {
	margin:0;
}

strong, b {
	font-weight:bold;
}

img {
	max-width:100%;
}

#wraptop {
	width:100%;
	height:130px;
	text-align:center;
	border-bottom:6px solid #044a87;
}
#wraptopin {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#logo {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:160px;
	height:136px;
	background:#2a75ba;
}
#logo a {
	width:100%;
	height:130px;
	float:left;
	background:url(../image/logo.png) no-repeat 43px 10px;
}

#search {
	float:left;
	width:350px;
	margin-left:190px;
	padding-top:30px;
}
#searchform {
	float:left;
	width:100%;
	margin-bottom:20px;
}
#searchform input[type=text] {
	width:240px;
	float:left;
}


#logintop {
	float:left;
	width:100%;
	font-size:12px;
	color:#555;
}

#topcategories {
	float:left;
	width:170px;
	padding:0 15px;
	margin:20px;
	height:90px;
	border-left:1px solid #044a87;
}

#mainmenu {
	float:left;
	width:100%;
	background:#2a75ba;
	margin-bottom:20px;
}

#mainmenu ul {
	margin:20px 0 0;
	padding: 0;
	float:right;
}

#mainmenu ul li {
	margin:0;
	padding:0;
	background: none;
	float:left;
	list-style:none;
	width:100%;
}

#mainmenu ul li a,
a#link-menu {
	float:left;
	width:90%;
	color:#fff;
	padding:0 0 0 10%;
	margin:0;
	text-decoration: none;
	height:36px;
	line-height:36px;
	font-size:16px;
	text-transform:uppercase;
	border-top:1px solid #1a5f9f;
}
#mainmenu ul li:last-child a {
}
#mainmenu ul ul li:last-child a {
}

#mainmenu ul li a.active,
#mainmenu ul li a:hover,
#mainmenu ul li a:active,
#mainmenu ul li a:focus,
a#link-menu:hover {
	text-decoration: none;
	background:#044a87;
	color:#fff;
}
#mainmenu-products {
	position:absolute;
	top:20px;
	left:160px;
	width:760px;
	display:block;
	background:#044a87;
	padding:20px;
	color:#fff;
	display:none;
	z-index:1000000;
}

#mainmenu-products a,
#mainmenu-products h5 {
	color:#fff;
}

a#link-menu {
	margin:20px 0 0;
	text-align:center;
	width:100%;
	padding:0;
}

#mainmenu ul#inside {
	display:none;
}

.full {
	width:100%;
}

#wrapcontent {
	width:100%;
	text-align:center;
	position:relative;
}
#wrapcontentin {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#column-left {
	float:left;
	width:160px;
	position:relative;
}
#content {
	float:right;
	width:770px;
}
#column-right {
	float:right;
	width:770px;
}

#bottom {
	float:left;
	width:100%;
}

#homewrap {
	position:absolute;
	width:100%;
	height:350px;
	background:url(../image/slider-bgr.jpg) repeat-x top;
	z-index:0;
	top:0;
	left:0;
}

#mainmenu-products .kipobox {
	float:left;
	width:30%;
	margin:0 3% 0 0;
}
#mainmenu-products .kipobox ul {
	
}
#mainmenu-products .kipobox h5 {
	color:#fff;
	margin-bottom:5px;
}

#mainmenu-products .kipobox > a {
	color: #09F;
}

#bottom > .box {
	width:30%;
	margin-right:3%;
} 
#bottom > .box > div {
	width:100%;
	float:left;
	margin:5px 0 0;
} 

#bottom > .box .image {
	width:79px;
	margin-right:5px;
	float:left;
} 
#bottom > .box .name {
	width:200px;
	float:left;
} 
#bottom > .box .price,
#bottom > .box .date {
	width:200px;
	float:left;
} 
.news {
	margin:10px 0;
}
.news .title {
	font-size:16px;
}
.news .date {
	font-size:12px;
}

#home-categories {
	margin:20px 0 0 0;
	float:left;
	width:100%;
}
#home-categories h3 {
	margin-bottom:10px;
}
#home-categories h5 {
	font-size:12px;
	margin:10px 0;
}
#home-categories .smallbox {
	float:left;
	width:16.5%;
}
#home-categories .smallbox a,
#home-categories .smallbox a:visited {
	color:#333;
	width:90%;
	float:left;
	border-bottom:1px solid #555;
	padding:4px 0;
}
#home-categories .smallbox a:hover,
#home-categories .smallbox a:active,
#home-categories .smallbox a:focus {
	text-decoration:none;
	color:#2a75ba;
}
#home-categories .smallbox a.readmore {
	color:#2a75ba;
	border:none;
}
#home-categories .smallbox a.readmore:hover {
	color:#2a75ba;
	text-decoration:underline;
}
#footer {
	float:left;
	width:100%;
	margin-top:30px;
	padding:10px 0;
	border-top:1px solid #044a87;
	font-size:12px;
}

#footer .footbox {
	float:left;
	width:22%;
	height:50px;
	margin-right:2%;
	padding-right:2%;
	border-right:1px solid #044a87;
}
#footer .footbox:last-child {
	float:right;
	width:21%;
	margin-right:0;
	padding-right:0;
	border-right:none;
	text-align:left;
}
#footer .footbox span {
	width:100%;
	float:left;
	color:#044a87;
	font-size:14px;
}

#footer .footbox input[type=text] {
	width:120px;
	height:15px;
	float:left;
}
#footer .footbox a.button,
#footer .footbox a.button:visited {
	line-height:23px;
	height:23px;
}

#footer .footbox a.fb,
#footer .footbox a.tw {
	display:inline-block;
	height:17px;
	background-image:url(../image/footer-social.png);
	margin-left:7px;
}

#footer .footbox a.fb {
	background-position:right;
	width:10px;
}
#footer .footbox a.tw {
	background-position:left;
	width:19px;
}

a.button,
a.button:visited,
input[type=submit],
input.button {
	display:inline-block;
	padding:0 20px;
	text-align:center;
	margin:0;
	background:#2a75ba;
	color:#fff;
	line-height:28px;
	height:28px;
	font-size:14px;
	text-decoration:none;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
}

a.button:hover,
a.button:active,
a.button:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input.button:hover,
input.button:active,
input.button:focus {
	text-decoration:none;
	color:#fff;
	background:#044a87;
	border:none;
}

input[type=text],
input[type=password],
textarea {
	background:#fff;
	border:1px solid #666;
	height:20px;
	padding:3px 6px;
	color:#777;
	margin:0 3px 0 0;
}

#content input[type=text],
#content input[type=password],
#content textarea {
	margin:3px;
}

input[type=text]:focus,
input[type=password]:focus,
#search input:focus,
textarea:focus {
	border:1px solid #000;
}
textarea {
	height:auto;
	padding:6px 10px;
}

.redborder,
input.redborder,
textarea.redborder,
#search input.redborder {
	border:1px solid #ec1c24;
}

/* TABS */
.tabs {
	width:100%;
	float:left;
	overflow:hidden;
	background:#eee;
}
.tabs > div {
	float:left;
	padding:15px 10px;
}
.two-columns > div {
	column-count: 2;
  	column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
}
.three-columns > div {
	column-count: 3;
  	column-gap: 20px;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
}
.tab-links {
	float:left;
	width:100%;
	background:#999;
}
.tab-links.mid {
	float:left;
	width:84%;
	background:#999;
}
#prev,
#next {
	float:left;
	width:8%;
	background:#999;
	font-size:28px;
	line-height:40px;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.tab-links a {
	float:left;
	font-size:18px;
	line-height:40px;
	padding:0 20px;
	text-decoration:none;
	background:#999;
	color:#fff;
	text-transform:uppercase;
}
.tab-links a:hover,
#prev:hover,
#next:hover {
	text-decoration:none;
	background:#aaa;
}
.tab-links a.selected {
	background:#eee;
	color:#666;
}
.tabs > div > div {
	float:left;
	margin:0 0 5px;
	height:79px;
	clear:both;
}
.tabs > div img {
	float:left;
	margin:0 5px 0 0;
}
.two-columns > div a {
	height:79px;
	float:left;
}

.topproduct {
	position:relative;
}
.topproduct:after {
	content:'';
	position:absolute;
	width:75px;
	height:74px;
	bottom:0;
	right:0;
	background:url(../image/topproduct.png);
	display:block;
}


.konsultacii div {
	float:left;
	width:100%;
	margin-top:10px;
}
.konsultacii div img {
	float:left;
	margin-right:10px;
}

a#contactslink {
	float:left;
	width:160px;
	color:#fff;
	margin:0;
	text-decoration: none;
	height:36px;
	line-height:36px;
	font-size:16px;
	text-transform:uppercase;
	background:#2a75ba;
	text-align:center;
	border-top:1px solid #1a5f9f;
}

a#contactslink:hover,
a#contactslink:active,
a#contactslink:focus {
	text-decoration: none;
	background:#044a87;
	color:#fff;
}

#contacts {
	background:#044a87;
	position:absolute;
	top:116px;
	right:0;
	width:190px;
	z-index:10000;
	color:#fff;
	padding:30px;
	display:none;
	text-align:right;
}
#contacts a {
	color:#fff;
}

/*DROP DOWN AUTO-COMPLETE*/

#auto-results{
	 width:585px;
	 position:relative;
   
}
.autocomplete2-suggestions {
  clear: both;
 
 
  background-color: #fff;
  box-shadow: 0px 5px 5px  rgba(0, 0, 0, 0.3);
  max-height: 440px !important;
  overflow: auto; 
  
  }
  .autocomplete2-suggestions .autocomplete2-suggestion {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px solid #ccc; }
    .autocomplete2-suggestions .autocomplete2-suggestion:hover {
      background: #f1f1f1; }
    .autocomplete2-suggestions .autocomplete2-suggestion .p-image {
      display: inline-block;
      vertical-align: middle;
      margin: 0 8px; }
    .autocomplete2-suggestions .autocomplete2-suggestion .p-name {
		clear: both;
      display: inline-block;
      vertical-align: middle;
	  font-size: 16px;
      width: 70%;
	  
      color: #222; }
	  .autocomplete2-suggestions .autocomplete2-suggestion  .subname{
		clear: both;
      display: inline-block;
      vertical-align: middle;
	  font-size: 14px;
      width: 70%;
	  
      color:#666; }
	  
      .autocomplete2-suggestions .autocomplete2-suggestion .p-name strong {
        font-weight: normal;
        background: #f9ff98; }
    .autocomplete2-suggestions .autocomplete2-suggestion .p-price {
		clear: both;
      display: block;
      font-size: 16px;
      color: #222; }
